/*#region reset*/
@font-face {font-family: "Lato";src: url("/plugins/fonts/Lato/Lato-400.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: 'OpenSans';src: url('/plugins/fonts/OpenSans/OpenSans-400.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: 'OpenSans';src: url('/plugins/fonts/OpenSans/OpenSans-500.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap}
@font-face {font-family: 'Rubik';src: url('/plugins/fonts/rubik/Rubik-600.woff2') format('woff2');font-weight:600;font-style: normal;font-display: swap}
@font-face {font-family: 'Rubik';src: url('/plugins/fonts/rubik/Rubik-500.woff2') format('woff2');font-weight: 500;font-style: normal;font-display: swap}
@font-face {font-family: 'Rubik';src: url('/plugins/fonts/rubik/Rubik-400.woff2') format('woff2');font-weight:400;font-style: normal;font-display: swap}
:root {
    /*default: 16px #333 1.6*/
    --body-font-family: Rubik;
    --title-font-family: Rubik;
    --body-font-size: 16px;
    --body-color: #555;
    --body-line-height: 1.7;
    --body-bg-color: #fff;
    --main-color: #276fb9;
    --sub-color: #dd2821;
    --banner-bg-color: #d3d3d3;
    --offcanvas-bg: #fff;
/*    --cart-btn-grow: 0;*/
    --video-play-color: #dd2821;
}
/*default fontsize:1rem*/
/*html,body {position: relative;height: 100%;}*/
* {font-size:12px;font-family: SimSun, 微软雅黑, 宋体, Verdana, Tahoma, Helvetica, sans-serif;}
.container-xl {max-width: 1000px}
.main-container{padding:20px 0}
@media(max-width:768px) {
    .main-container{ padding: 30px 0;}
}

.swiper.background{ height: 600px;}
@media(max-width:768px) {
    .swiper.background{height:300px}
}
.bg-cover{ background-position: center center;background-repeat: no-repeat;background-size: cover}

.search-group{max-width:200px}
.search-group .form-control{border-radius: 10px 0 0 10px;background: #f2f2f2;padding: .25rem .75rem;height: auto;font-size:0.75rem}
.search-group .btn {border: 1px solid transparent;border-left-width: 0;border-radius: 0 10px 10px 0;color: #fff;background: #fac012;padding: .25rem .5rem;}

#subscribe .form-control{ background: #f6f6f6;}
#subscribe .btn{ background: #fff}

/*#region top bar & menu*/
.header{ padding:0;color:#555;background:#e9e9e9;}
.header a{color:#555}
.header .split{margin:0 12px;}
.header .icon{ margin-right: 0.25rem;line-height: 1;}
#top_lang {overflow:hidden;padding:0;list-style:none;margin:0;}
#top_lang li{ float:left; padding-left:10px;}
#top_lang li img{ float:left; padding-top:5px;padding-right:5px;}
#top_lang li a{ float:left; font-size:12px; line-height:29px; font-family:Microsoft YaHei; color:#686766;}

.lang{margin-left:10px;}
.lang img{ margin-right: 5px;}
.lang .dropdown-toggle{ padding: 6px 0;background: transparent;border: 0;}
.lang .dropdown-menu{ z-index: 1021;}
.lang .dropdown-item{ color: #666;}

#header-group {max-width:300px;}
#header-group button {background:#276fb9;padding:2px 12px;}
#header-group .form-control {padding:5px 7px;}

.navbar{width: 100%;top: 0;transition: transform ease 0.4s;background: #fff;border-bottom: 1px solid #f2f2f2;}
.navbar .nav-link {position: relative;flex-grow: 1;padding: 0.5rem 1.25rem;text-transform: uppercase;color:#444;}
.navbar .nav-link:hover,.navbar .nav-link.active,.navbar-nav .dropdown-item:hover{ color: var(--main-color);}
.navbar-nav > li > a {padding: 5px 23px; font-weight:bold; font-size:18px; color:#fff;}
.navbar-nav > li > a:hover {color:white;}
.navbar-nav > li {background: url(../../images/navli.jpg) no-repeat right center;}
.navbar-nav > li:last-child {background:none;}
.headver-img {position:relative;}
.headver-img img {position:absolute;}
.navbar-nav .hover-drop {background:transparent;}
.navbar-nav .hover-drop a { color: #2a2a2a;width: 169px; font-family: Arial; padding: 0px;height: 30px; overflow: hidden;border-bottom: solid 1px #e0e0e0; line-height: 30px;font-size: 12px; text-align: center; background: none;font-weight: normal;}
.navbar-nav .hover-drop a:hover {color:var(--main-color);}
.navbar-nav .hover-drop li {margin: 0;padding: 0px 1px;  width: 171px;text-align: left;height: 31px;background: url(../../images/nav_ul_li.png) repeat-y center top;background-size: contain;}
.header-bt {
    background: rgb(136,145,176);
    background: -moz-linear-gradient(rgba(136,145,176,1) 50%, rgba(13,33,92,1) 50%);
    background: -webkit-linear-gradient(rgba(136,145,176,1) 50%, rgba(13,33,92,1) 50%);
    background: linear-gradient(rgba(136,145,176,1) 50%, rgba(13,33,92,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8891b0",endColorstr="#0d215c",GradientType=1);
}


/*.sticky-effect{ position: sticky}*/
.sticky-effect .navbar-brand>.img-fluid{ max-width: 120px;}
.sticky-effect{ background: transparent;}
@keyframes slidedown {
    0% {
        transform: translateY(-200px);
    }
    100% {
        transform: translateY(0);
    }
}
.fixed-effect{ position: fixed;width: 100%;top: 0px;background: #fff;animation: slidedown 1.15s ease-in;}
.fixed-effect1{transform: translateY(calc(-100% - 0px));}
@media(max-width:1200px) {
    .navbar-nav .dropdown-menu{ width: 100%;}
    .navbar-nav .dropdown-item,.navbar .nav-link{ text-align: center;justify-content: center;padding:0.75rem 1rem;}
}
/*#endregion*/
/*#region banner*/
.banner .swiper {
}
.banner-bg .swiper-container{height:360px;}
@media(max-width:768px) {
    .banner-bg .swiper-container{ height: 200px;}
}

.banner .overlay{background: rgba(0,0,0,0.2);}
.banner-nav{ display: flex;flex-direction: column;justify-content: center;height: 330px;align-items: center;color: #fff;}
.banner-nav .title{margin-bottom:12px;font-family: var(--title-font-family);text-transform: uppercase;font-weight: 700;font-size: 40px;}
.banner-nav .title::after {content: "";display: block;width: 70px;height: 2px;background: var(--main-color);margin: 5px auto 0;}
.banner-nav .breadcrumb{font-size: 15px;}
.banner-nav .breadcrumb-item a{ color: #fff; }
@media(max-width: 576px) {
    .banner-nav{ height: 170px;}
    .banner-nav .title{ font-size: 34px;}
}

.home-banner {
    width: 100%;
    height: 500px;
}
.home-banner video{ width: 100%;height: 100%;object-fit: cover;}

.kg-section1 {padding:2rem 0;}
.kg-section1 .card-thumb img {width:100%;}
.kg-section1 h3  {text-align:center;}
.kg-section1 h3 a {height: 35px;color: #34495e; font-size: 24px;line-height: 35px; overflow: hidden;}
.kg-section1 h3 a:hover {color:red;}

.kg-section2 {padding:1rem 0;}
.kg-section2 .adv {padding-top:1rem;}

.kg-section3 {background:#f3f3f3; padding:2rem 0;}
.kg-section3 h2 {padding-bottom:16px;}
.kg-section3 .about-text p {line-height: 25px;}
.kg-section3 .about-text a:hover {color:var(--sub-color)}

.ks-news-lists {padding:0;}
.ks-news-lists li { padding: 4px 0; border-bottom: 1px #ccc dashed;}
.ks-news-lists a {display: block; width: 80%; font-size:12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ks-news-lists a:hover {text-decoration:underline; color:#01468d;}
.ks-news-lists time {font-size:12px;}

.kg-section4 {padding:2rem 0;}
.kg-section4 h2 {margin-bottom:1rem;}

.category-header a {display:block; height: 35px; margin-bottom:1rem; font-weight:bold; line-height: 35px;font-size: 18px;padding-left: 15px; background: url(../../images/prblk_29.jpg) no-repeat 5px center;}
.category-header a:hover {color:#da251d;}


.widget-list {border: solid 1px #0348a0;}
.widget-list h2 {padding-left: 33px;line-height: 30px;padding-top: 10px;font-size: 18px;color:#fff;margin:0;font-weight:bold;background: linear-gradient(#0348a0,#1567bd)}
.widget-list-box {padding-top: 10px;padding-bottom: 20px;background:#1567bd;}
.widget-list-box ul {padding-left: 18px;list-style:none;}
.widget-list-box ul a {display:block; color:#fff;  padding-left: 15px; background: url(../../images/lnr_li.jpg) no-repeat left top; background-size:cover; line-height: 35px;font-size: 13px; font-weight: bold;}
.widget-list-box ul a.active,.widget-list-box ul a:hover {background:#fff; color:#1567bd;}
.recom-left-siwper h2 {line-height: 30px;padding-top: 10px;font-weight:bold; font-size: 18px;color: #333;text-align: left;padding-left: 18px;}
.recom-swiper-box {background: #f2f2f2;padding:5px; border: solid 1px #cccccc;}
.recom-swiper-box .swiper img {width: 100%;height: 230px; border: solid 1px #ccc;}
.recom-swiper-box .swiper h6 {text-align:center;padding:7px 0;}
.recom-swiper-box .swiper-pagination {bottom:-5px;}
.icon-home-alt {color:#1567bd}
.product_act {width:100%;}
.border-top-line {border-top:1px #666 solid;padding-top:1rem;}
.rms p {margin-bottom:6px;}
.nav-tabs-product {}
.nav-tabs-product .nav-item {width:50%;font-weight:bold;}
.nav-tabs-product .nav-item .nav-link {font-size:14px; text-align:center; padding:6px 20px}
.product-content-submit-form {width: 63%; margin:auto; font-size:12px;}
.product-content-submit-form #form-feedback .row {margin-bottom:1rem}
.product-content-submit-form #form-feedback label {font-size:12px; text-align:right;padding:3px; margin-bottom:0;margin-top:4px;}
.product-content-submit-form #form-feedback input { height: 30px; background:#fff; border-radius:3px; font-size: 12px; line-height: 30px;padding: 5px;color: #666;}
.product-content-submit-form #form-feedback textarea {padding:4px;font-size:14px;}
.product-content-submit-form #form-feedback .btn {background:var(--main-color); display:inline-block; width: 27%;padding: 5px 1px;}
.form-msg-p {margin-bottom:2px;}
.recommend-products .recommend-pro-title {border-bottom:2px #1567bd solid;margin-bottom:10px;}
.recommend-products h6 {font-size: 12px; display:inline-block; line-height: 25px;color: #fff;margin:0; background: #1567bd; padding: 0px 15px;}
.article-list-item {padding: 10px 0px 15px 0px; border-bottom: solid 1px #eaeaea;}
.article-list-item a:hover {color:#1567bd;}
.article-list-item .article-item-title {margin-bottom:5px; display:-webkit-flex; display:flex; justify-content:space-between;}
.article-list-item .article-item-title a { font-weight:bold; font-size:14px;}

.page-title-cus {margin-bottom:6px;border-bottom: solid 2px #1567bd;}
.page-title-cus h3,.page-title-cus h1 {font-size: 18px;line-height: 35px; font-weight:bold; color: #1567bd;margin-bottom:0;}
.page-content img {max-width: 100%;width: 100%;height: auto;}
#mb-search-box {padding:6px;max-width: 100%;}
#mb-search-box.search-group .btn {background:var(--main-color)}

.contact-bg {background:url(../../images/contactus.jpg) no-repeat right bottom;}
.icon-bars {font-size: 22px;}
.kg4-swiper-box .swiper-slide {height:auto;}
.kg4-swiper-box .swiper {padding-bottom:2rem;}
.kg4-swiper-box section {height:100%;}
.kg4-swiper-box .swiper-pagination {bottom:-2px;}
.flex-dire {flex-direction:column;}

.gongsigonggao:hover img {display:block !important;}

@media(max-width:1200px) {
    .header-bt {background:rgba(13,33,92,1);}
    .navbar-nav > li {background:none;}
    .page-content img {height:auto !important; max-width:100%;}
}

@media(max-width:938px) {
    footer img {padding-bottom:1rem;}
    #header-group {display:none}
    .gongsigonggao {display:none}
}
@media(max-width:660px) {
    .product-content-submit-form #form-feedback label {text-align:left;}
    .mb-flex {flex-wrap:nowrap !important;}
    .page-title-cus,.article-item-title {flex-wrap:wrap;}
    .product-content-submit-form {width:100%;}
    .contact-bg {background:none}
}
@media(max-width:550px) {
    .mobile-none {display:none;}
    article header h1 {font-size:18px !important;}
}

/*#endregion*/

.select-item {display: inline-flex;align-items: center;line-height: 1;background: #F2F5FC;border: 1px solid #eeeeee;padding: 8px 8px;margin: 0 8px 0 0;font-size: 12px;}
.select-item b{font-weight: normal}
.select-item em{font-style: normal;color:#c82333}
.select-item::after {font-family: Cmsfont;content: "\f00e";margin-left: 5px;color: var(--main-color);}

/*#region page-title &summary*/
.page-title{padding: 1rem 0;background: #F7F7F7;background-repeat: no-repeat;background-size: cover;line-height: 1;}
.page-title .container-xl{ display: -ms-flexbox;display: flex;flex-direction: row;justify-content:space-between}
.page-title .title{margin-bottom: 0;font-size: 1.5rem;font-weight: 600;align-self: center;}
.page-title .breadcrumb{align-items:center;}
.page-title .breadcrumb:before{ font-family: cmsfont;content: "\f80a";margin-right: 0.25rem;}
@media(max-width:768px) {
    .page-title .container-xl, .page-title .container-fluid { flex-direction: column }
}
.page-summary{ margin-bottom: 30px;}
.page-summary h1,.page-summary h2,page-summary h3{ font-size: 18px;font-weight: 600;}

.shrink-wrapper{ margin-bottom: 30px;}
.shrink-wrapper .text{position: relative;overflow: hidden;text-overflow: ellipsis;transition: height .2s;margin-bottom: 8px;}
.shrink-wrapper .text::after {position: absolute;display: block;content: "";left: 0;right: 0;bottom: 0;height: 30px;background: linear-gradient(0,#fff 0,rgba(0,0,0,0));opacity: 1;transition: opacity .2s;}
.shrink-wrapper .text.expand{ max-height: 100% !important;text-overflow: unset;}
.shrink-btn{ background: transparent;border-width: 0;font-size: 14px;text-transform: uppercase;color: #696969;min-width:80px}
.shrink-btn::before{ display: inline-flex;font-family: CmsFont;content: "\f10b";margin-right: 5px;transition: transform .2s ease-in-out;}
.shrink-btn.expand::before{transform: rotate(-180deg)}

.menu-horizontal-wrapper{margin-bottom: 30px;}
.menu-horizontal{ justify-content: center;}
.menu-horizontal .nav-item{ padding: 0 10px}
.menu-horizontal .nav-link{ background: #f6f6f6;padding: 10px 25px;}
.menu-horizontal .nav-link:hover{color:var(--main-color)}
.menu-horizontal .nav-link.active{ background: var(--main-color);color: #fff;}
@media(max-width:768px) {
    .menu-horizontal .nav-item{ padding: 0;border-bottom: 1px solid #eee;}
    .menu-horizontal .dropdown-menu {position: static;}
    .menu-horizontal .dropdown-item {text-align: center;}
}
/*#endregion*/

.filter-wrapper{  display: flex;flex-wrap: wrap;margin-bottom: 15px;}
/*横向列表式*/
.filter-wrapper .dropdown{ margin:0 5px 5px 0;}
.filter-wrapper .dropdown-menu{ border: 1px solid #f5f5f5;background: #fafafa;padding: 12px 10px;font-size: 14px;}
.filter-wrapper .dropdown-menu>li:hover{ color: var(--main-color);cursor: pointer}
.filter-wrapper .btn{background:#ECECEC;border-radius:0;padding:8px 15px;font-size:14px;}

.filter-wrapper .dropdown-menu a:hover{color:var(--main-color)}
.filter-wrapper label{ display: flex;align-items: center;}
.filter-wrapper label input{ margin-right: 5px;}
.filter-wrapper li{padding:4px 0;}

.selected-wrapper{margin-bottom:20px}
.selected-item {display: inline-flex;align-items: center;line-height: 1;background: #F2F5FC;border: 1px solid #eeeeee;padding: 8px 8px;margin: 0 8px 5px 0;font-size: 12px;}
.selected-item b{font-weight: normal}
.selected-item em{font-style: normal;color:#c82333}
.selected-item::after {font-family: Cmsfont;content: "\f00e";margin-left: 5px;color: var(--main-color);}
/*纵向列表式*/
.filter-box{ padding: 15px;border-bottom: 1px solid #e7ebf7;}
.filter-box a:hover{color:#092E9F;}
.filter-box .title{ font-size: 14px;font-weight: 600;}
.filter-box .list-unstyled{ max-height: 160px;overflow-y:auto;font-size: 13px;scrollbar-width:thin}
.filter-box .list-unstyled li{ padding: 5px 0  0 25px;}
.filter-box label{ font-size: 13px;}
.filter-box input{ margin-right: 5px;}
    .filter-box .list-unstyled::-webkit-scrollbar {
        background: #F2F5FC;
        /*滚动条整体样式*/
        width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 100%;
    }
::-webkit-scrollbar-thumb{background:#092E9F}
    /*#region row&col item*/
    .item-row.product {
        margin-bottom: 40px;
    }
.item-row.product:hover .thumbnail:before{ opacity: 0.2;}
.item-row.product .entry-wrapper{padding: 0px 20px;}
.item-row.product .entry-title{font-size: 22px;margin-bottom:15px;}
.item-row.product .card-text{ color: #888;}
@media(max-width:768px) {
    .item-row.product .entry-wrapper{ padding: 20px 0;}
    .item-row.product .entry-title{ font-size: 14px;}
}
.main-title{font-family: var(--title-font-family); font-size: 30px;margin-bottom: 25px;color:var(--main-color)}

.product-row{margin-bottom:40px;}
.product-row:hover .thumbnail::before{ opacity: 0.1;}
.product-row .entry-wrapper{padding: 0 20px;}
.product-row .entry-title{font-size: 22px;margin-bottom:15px;}
.product-row .entry-text{ color: #888;}
@media(max-width:768px) {
    .product-row .entry-wrapper{ padding: 20px 0;}
    .product-row .entry-title{ font-size: 16px;}
}


.product-col{ margin-bottom: 25px;transition: all ease 0.2s;}
.product-col:hover .entry-title{color:#1567bd;}
.product-col .entry-wrapper{ padding: 4px 8px;background:#659bd4;text-align: center;}
.product-col h3{ margin: 0;}
.product-col .entry-title{margin: 0;font-weight: bold;color:#fff; font-size:12px;margin-bottom:0;}
.product-col .thumbnail-wrapper{ overflow: hidden; height:128px;}


.article-col{margin-bottom:40px;background:#f9f9f9}
.article-col .entry-wrapper{ padding: 20px 12px;}
/*.article-col:hover .thumbnail::before{ opacity: 0.1;}*/
.article-col .entry-meta{ padding-bottom: 10px;color: #9e9e9e;font-size:14px;}
.article-col .entry-title{ font-family: var(--title-font-family);font-size: 16px;margin-bottom: 15px;transition: all ease-in 0.2s;}
.article-col .entry-title:hover{color:var(--main-color)}
.article-col .entry-text{ font-size: 15px;color: #666;line-height: 1.4;}

.article-row{margin-bottom:40px;}
.article-row .entry-wrapper{padding: 0 20px;}
.article-row:hover .thumbnail::before{ opacity: 0.2;}
.article-row .entry-meta{ padding-bottom: 10px;color: #777;font-size:14px;}
.article-row .entry-title{ font-family: var(--title-font-family);font-size: 22px;margin-bottom:15px;}
.article-row .entry-text{ color: #777;}
.article-row .more{ display: block;margin-top: 20px;font-size: 14px;font-weight: 700;text-transform: uppercase;transition: all ease 0.5s;}
@media(max-width:768px) {
    .article-row .entry-wrapper{ padding: 20px 0;}
    .item-row .entry-title{ font-size: 16px;}
}


.pic-col{ margin-bottom: 1.75rem;transition: all ease 0.2s;}
.pic-col .entry-wrapper{padding: 0.5rem 0.75rem;text-align: center;}
.pic-col .entry-title{ margin: 0;font-size:15px;}

.video-col{margin-bottom:24px;border: 1px solid #f6f6f6;overflow: hidden;}
.video-col .entry-wrapper{padding: 0.875rem 0.75rem;background: #777;color:#fff;}
.video-col .entry-title{ margin: 0;font-size:15px;font-weight: 400;text-align: center;}

/*#endregion*/


.main-wrapper{ margin-top: 60px;}
.layout-wrapper{ padding: 15px;border:1px solid #e9eef4}
/*#region sidebar*/
.sidebar{ top: 0;margin-bottom: 1.25rem;}

.widget{ margin-bottom: 30px;}
.widget-header{ margin-bottom: 25px;border-bottom: 1px solid #999;border-top:1px solid #999;}
.widget-header .title{position:relative;font-family:var(--title-font-family);font-size:18px;font-weight:500;color:#222;margin: 0;padding:16px 0;}
.widget-collapse .menu-item{border-bottom:solid 1px #f2f2f2;}
.widget-collapse .menu-link{ padding: 12px 8px;}
.widget-collapse .sub-menu .menu-link{ padding-left: 16px;}
.widget-collapse .third-menu .menu-link{ padding-left: 28px;}
.widget-collapse .menu-item.active .menu-link{ color:var(--sub-color)}
.widget-collapse .drop:after{ font-family: cmsfont;content: "\f107";transition: transform .2s ease-in-out;color: #777;}
.widget-collapse .drop.collapsed:after{transform: rotate(-180deg);}
@media(max-width:768px) {
    .widget-header {margin-bottom: 15px;}
    .sidebar{ border-width: 0;padding: 0;background: #fff;}
}

.media-article{ margin-bottom: 15px;}
.media-article img{ max-width: 90px;margin-right: 12px;}
.media-article .post-title{ font-size:14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-article .post-title a:hover{ color: #C42729;transition: color ease 0.2s;}
.media-article time{ font-size: 0.875rem;color:#8c95a2}
@media(max-width:992px) {
    .media-article img{max-width:100px}
}

.media-product{padding:10px;margin-bottom:15px;border:1px solid #eee;}
.media-product:hover{ border-color: var(--main-color);transition: all ease 0.3s;}
.media-product img{ max-width: 85px;margin-right: 12px;}
.media-product .post-title{margin: 0;font-size: 14px;font-weight: normal;margin-bottom: 2px;line-height: 1.5;}
.media-product .post-title a:hover{ color: var(--main-color);transition: color ease 0.2s;}
.media-product .no{ margin: 5px 0 0;font-size: 12px;color:#8395a2;}
.media-product .more{margin: 5px 0 0;text-transform: uppercase;color:var(--main-color);font-size:12px;}
.media-product .more:after{font-family:cmsfont;content:"\f0da";padding-left:5px;}
.media-product .more:hover{color:var(--main-color);transition:all ease .2s;}
@media(max-width:992px) {
    .media-product img{max-width:100px}
}

/*page*/
.nav-page-wrapper {display: flex;justify-content: center;margin-top: 2rem;}
.nav-page-wrapper a {background: #342C2A;color: #fff;padding: 5px 10px;margin-right: 10px;}
.nav-page-wrapper a:last-child{ margin-right: 0;}
/*#endregion*/

/*#region content wrapper*/
.content-container{margin-bottom: 1.5rem;}
.nav-tabs-product {background:#f2f2f2;justify-content:start; border-bottom:2px #1567bd solid;}
.nav-tabs-product .nav-link {padding:12px 28px;border-width: 0;background: #eee;color: #000;}
.nav-tabs-product .nav-link.active{ background:#1567bd;color: #fff;}

.content-wrapper{ line-height: 1.7;background: #fff;}
.content-wrapper h2,.content-wrapper h3{font-size: 20px;font-weight: 500;color:#0c2e60}
.content-wrapper a{color:var(--main-color)}
.content-wrapper table p {margin-bottom:0 !important;}
.content-wrapper table thead th{ background: #777;color: #fff;font-weight: 500;}
.content-wrapper table th,.content-wrapper table td,.page-content td {padding: 0;vertical-align: middle;border: 1px solid #dee2e6;}
.content-wrapper table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.content-wrapper table tbody tr:hover {background-color: rgba(0, 0, 0, 0.075);color: #555;}
/*.content-wrapper table p{ margin-bottom: 0;}*/
.pagination {margin-top:7px;}
.content-wrapper.product{padding:8px 0}
.content-wrapper.article{}


.post-nav{display: flex;justify-content: space-between;padding: 15px 20px;margin-bottom: 30px;background: #f2f2f2;line-height:1.5;font-size:14px;border-radius: 5px;}
.post-nav span{ font-weight: 500;}
.post-nav a:hover{color:var(--main-color)}
@media(max-width:768px){
    .post-nav{flex-direction: column}
    .post-nav .next{ margin-top: 8px;}
}

.page-link{padding: .5rem 0.875rem;}
.page-item.active .page-link {color: #fff;background-color: #444;border-color: #444;}

/*#end content wrapper*/
.item-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;}
.item-list li {border-bottom: 1px dashed #eee;padding:12px 0;}
.item-list>li>a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item-list>li>a:hover {color: #FE8301;}
.item-list li a::before{font-family:cmsfont;content:"\f122";margin-right:8px;margin-left: 4px;}
.item-list li time {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/

/*#region content-head-container*/
.product-head { margin-bottom: 25px;background: #fff;--param-width: 160px; --param-padding: 6px;--param-color: #555;}
.product-head .entry-wrapper{}
.product-head .title {font-size: 24px;color: #333;font-weight: 500;margin-bottom: 16px;}
.product-summary{ font-size: 14px;margin-bottom: 10px;}
.product-summary p:not(:last-child){ margin-bottom: 8px;}
.product-param{ padding: 16px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.product-head .tag-wrapper{ padding: 8px 0;border-bottom: 1px solid #e5e5e5;font-size: 13px;}
.product-head .tag-wrapper a{display:inline-flex;padding:4px 6px;background: #eee;margin: 5px 5px 5px 0;font-size: 12px;border-radius: 6px;color: #333;}
.product-head .tag-wrapper a:before{ font-family: CmsFont;content: "\f02b";margin-right: 4px;}
.product-head .btn-inquiry{background: var(--sub-color);color:#fff;flex-grow: 1;max-width:200px;border-radius:16px;font-weight: 500;}
.product-head .btn-inquiry:hover{background:var(--sub-color);}
.product-head .btn-addtocart{ background: #e8b62d;}
@media(max-width: 768px) {
    .product-head .entry-wrapper {margin-top: 20px; }
}
/*#endregion*/



.faq-row{ margin-bottom: 0;}
.faq-row .entry-title{display:flex;justify-content:space-between;align-items:center;margin:0;cursor:pointer;padding: 15px 10px;border-bottom:1px solid #B2B3B7;font-size:16px;font-weight:600;transition: all ease 0.2s;}
.faq-row .entry-title::after{font-family: CmsFont;content: "\f0d7";margin-left:8px;font-size:16px;font-weight:normal;color:#777;transition:all ease 0.2s;}
.faq-row .entry-title.collapsed::after{transform: rotate(-180deg);}
.faq-row .entry-wrapper{ padding: 15px;color: #777;}
.faq-row .entry-wrapper img{ max-width: 100%;}

/*#region footer*/
footer {background:#1c5e8a; color:#fff; padding-top: 25px;}
footer h4{color: #fff;font-size: 14px;line-height: 30px; font-weight:bold;}
footer a{color:#fff}
footer a:hover{ text-decoration:underline; color:#fff;}
footer .contact-info .icon{ margin-right: 5px;}
footer .line-div {margin-bottom:6px;}
footer .footer-bottom{padding: 5px 0; color:#000; font-size: 12px;background:#fff;text-align: center;}

/*#endregion*/
/*#region company page*/
.company-wrapper { margin-bottom: 40px;line-height: 1.8}
.company-wrapper .title {font-family: var(--title-font-family);font-size: 28px;text-transform: uppercase;color: #333;font-weight: 700;margin-bottom: 30px;}
.company-wrapper .title::after{display: block;content: "";margin-top: 10px;width: 60px;height: 3px;background: var(--main-color);border-radius:2px;}

.company-features {background: #f6f6f6;color: #666;padding: 60px 0;line-height: 1.7;}
.company-features .title{ font-family: var(--title-font-family);font-size:28px;font-weight: 700;text-transform: uppercase;margin-bottom: 50px;text-align: center;color:#333}
.company-features .title::after{display: block;content: "";margin: 10px auto 0;width: 60px;height: 3px;background: var(--main-color);border-radius:2px;}
.company-features .entry-wrapper{ padding: 20px 0;}
.company-features .entry-title{ font-family: var(--title-font-family);font-size: 18px;font-weight: 600;color:var(--sub-color)}
.company-features .entry-content{ font-size: 14px;}
.company-features p{ margin-bottom: 0;}
@media(max-width:768px) {
    .company-wrapper .title{font-size:24px;}
    .company-features{ padding: 60px 0 40px;}
    .company-features .title{ font-size: 24px;}
}
/*#endregion*/
/*#region home page*/
.home-title{ position: relative;color: #333;font-weight: 600;font-size: 2rem;font-family: var(--title-font-family);padding-bottom: 15px;margin-bottom: 30px;text-transform: uppercase;}
.home-title::after {display: block;content: "";width: 120px;height: 2px;background-color:var(--main-color);margin-top: 12px;}
.home-title.text-center{text-align: center;}
.home-title.text-center::after{ margin-left: auto;margin-right: auto;}

.home-container{ position: relative;margin-top: -60px;}

.home-features .row>*{ display: flex;}
.feature-wrapper{ display: flex;flex-grow: 1;align-items: center;padding:20px;border-radius: 16px;background:#fff;border: 1px solid #f6f6f6;margin-bottom: 20px;box-shadow: rgba(0, 0, 0, 0.15) 0 5px 10px 0;}
.feature-wrapper p{ padding-left: 15px;margin: 0;align-items: center;}

@media(max-width:992px) {
    .home-container{ top: 0;padding:40px 0 0}
    .feature-wrapper{ border-radius: 0;box-shadow: none;border-color: #eee}
    }
    /*#endregion*/